<template>
  <div>
    <el-dialog
      :title="dialogVisibleInfo.dialogTitle"
      :visible="dialogVisibleInfo.dialogVisible"
      @close="dialogVisibleClose"
      :width="dialogVisibleInfo.dialogWidth"
      custom-class="classRadius"
    >
      <slot name="body" />
      <slot name="footer" />
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'Dialog',
  props: {
    dialogVisibleInfo: {
      type: Object,
      default: () => {}
    }
  },
  methods: {
    dialogVisibleClose() {
      this.dialogVisibleInfo.dialogVisible = false
      this.$emit('dialogClose')
    }
  }
}
</script>

<style lang="less">
.classRadius {
  border-radius: 10px;
}
.el-table td.el-table__cell {
  border: none;
}

.el-table th.el-table__cell.is-leaf {
  border: none;
  height: 35px;
  background-color: rgb(241, 241, 241);
}
.el-table::before {
  height: 0;
}
</style>
